<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="shortcut icon" href="/favicon.ico"/>

	<link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet"/>
	<link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="/css/approval/public.css"/>
	<link href="/css/plugins/summernote/summernote-0.8.8.css"
		  rel="stylesheet"/>
	<link href="/css/animate.css"
		  rel="stylesheet"/>
	<link href="/css/plugins/chosen/chosen.css" rel="stylesheet"/>
	<link rel="stylesheet"
		  href="/css/plugins/jQueryUI/jquery-ui.css"/>
	<link href="/css/style.css?v=4.1.0" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" href="/css/approval/create.css"/>
	<title>Edit postponed</title>
</head>
<body>
	<div class="main_body">
		<div class="main_body_box">
			<div class="save_lines">
				<div class="main_title">
					<span class="circle"></span>Edit postponed
					<input type="hidden" id="appId" th:value = "${appTemplateId}"/>
				</div>
				<div class="save_line_right_button">
					<button id="cancelBtn">Cancel </button>
					<button id="savePostponedBtn">Save in the postponed folder</button>
					<!--<button>Save personal template</button>-->
					<button id="submitBtn">Submit</button>
					<button>...</button>
				</div>
			</div>
			<!--title start-->
			<div class="title_main_body">
				<input class="set_right_title" type="text" id="titleInput" value="" placeholder="Title"/>
				<div class="save_search_body">
					<div class="save_search">
						<input type="text" name="" id="userInput" value="" placeholder="Please enter approver by using the Instant Search or Add User icon." /><span></span>
					</div>
					<div class="save_right">
						<div class="save_per">
							<img src="/img/approval/person_icon.png" />
						</div>
						<div class="btn-group save_line_btn">
						  <button type="button" id="saveLinesBtn" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							Saved lines
						  </button>
						  <div class="dropdown-menu">
							<div class="dropdown-divider"></div>
							  <a class="dropdown-item" title="Save the current approval line" href="#">Save the current approval line</a>
						  </div>
						</div>

						<div class="tip">TIP</div>
					</div>
				</div>
				<div class="save_line_body">
					<div class="save_ul_body">
						<ul>
							<li id="RoleChangeBtn" >
								<span class="icon_button" id="ApprRoleBtn" title="Approval">Appr<!--oval--></span>
								<span class="icon_button" id="ConsRoleBtn" title="Consent">Cons<!--ent--></span>
								<span class="icon_button" id="NotiRoleBtn" title="Notification">Noti<!--fication--></span>
							</li>
							<li id='PostRoleBtn'>Post approval</li>
							<li>
								<span class="par" id='ParRoleBtn'><i></i> Parallel</span>
								<span class="cancel" id='CancelParBtn'><i></i>Cancel parallel</span>
							</li>
							<li class="moveAppr">
								<span class="top_arrow" id="top_arrow" title="Up"></span>
								<span class="bottom_arrow" id="bottom_arrow" title="Down"></span>
								<span id="deleteApp"><i class="fa fa-times" aria-hidden="true"></i></span>
							</li>
							<li>Total <span v-cloak>{{totalLines}}</span></li>
						</ul>
					</div>
					<div class="save_line_info">
						<ul id="userList">
						</ul>
					</div>
				</div>
				<div class="attchement_body">
					<div class="attch_left">
						<span class="attch_font">Attachment</span>
						<button onclick="upFile.click()">PC</button>
						<input type="file" multiple id="upFile" style="visibility: hidden; position: absolute;">
					</div>
					<div class="attch_right">
						<span v-cloak>{{totalFileSize}}MB</span>
						<span>/</span>
						<span>10.00MB</span>
					</div>
				</div>
				<div class="app_file_body">
					<div class="file_ul_body">
						<ul>
							<li>
								<span class='checkAll'><input id='checkAll' type="checkbox" hidden><label for='checkAll'></label></span>
								<span class="top_file" id="top_file"></span>
								<span class="bottom_file" id="bottom_file"></span>
								<span id="deleteFile"><i class="fa fa-times" aria-hidden="true"></i></span>
							</li>
							<li>Total <span v-cloak>{{totalFiles}}</span></li>
						</ul>
					</div>
					<div class="app_file_info">
						<ul id="fileList">
						</ul>
					</div>
				</div>

				<div class="edit_body">
					<div id="content" class="summernote"></div>
				</div>
				<div class="create_footer">
					<div>Approval Option</div>
					<div>Approval type: General / Notification range: Inform the notifier
						<!--<span>Options settings</span>-->
					</div>
				</div>
			</div>
			<!--title end-->
		</div>
	</div>
	
	<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/vue.min.js"></script>
	<script src="/js/jquery-ui.min.js?v=1.12.1"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="/js/plugins/layer/layer.js"></script>
	<!--summernote-->
	<script src="/js/content.js?v=1.0.0"></script>
	<script src="/js/plugins/summernote/summernote.js"></script>
	<script src="/js/plugins/summernote/summernote-zh-CN.js"></script>
	<script src="/js/ajax-util.js"></script>
	<script type="text/javascript" src="/js/appjs/approval/editPostponed.js"></script>
</body>
</html>